@import '@/styles/index.scss';

.container {
  background-color: $bgc;

  .takeCash-page {
    width: 100%;
    padding: $pd 20rpx;

    .wrapper {
      background-color: #fff;
      padding-bottom: 60rpx;

      .header {
        display: flex;
        line-height: 34rpx;
        padding: $pd 60rpx;
        background-color: #fbfbfb;

        .right {
          padding-left: $pd;

          .bank {
            color: #576b9e;
            margin-bottom: 18rpx;
          }

          .tips {
            color: #f5a92a;
          }
        }
      }

      .body {
        padding: $pd 60rpx;

        .title {
          font-size: $fsm;
          line-height: 34rpx;
        }

        .content {
          display: flex;
          align-items: center;
          height: 160rpx;
          border-bottom: 1rpx solid #d8d8d8;

          .icon {
            font-size: 50rpx;
            font-weight: bold;
          }

          .input-box {
            flex: 1;
            padding-left: 20rpx;

            .input {
              width: 100%;
              height: 90rpx;
              font-size: 80rpx;
              font-weight: bold;
            }
          }
        }

        .balance {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          align-items: center;
          padding: $pd 0;
          line-height: 32rpx;
          font-size: $fss;

          .text {
            color: #888;
          }

          .pull {
            color: #576b95;
          }
        }

        .button {
          line-height: 90rpx;
          border: 1rpx solid #96c996;
          background-color: #a3dea3;
          color: #fff;
          text-align: center;
          font-size: $fsl;
          border-radius: 10rpx;
          cursor: pointer;

          &.on {
            border-color: #179e16;
            background-color: #1aad19;
          }
        }
      }
    }
  }
}